
.box{
  width: 80%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  .left{
    width: 70%;
    height: 100%;
    margin-top: 16px;
    background-color: var(--bg-second);
    color: var(--main-text-color);
    .bigBox{
      h2{
        color: var(--main-text-color);
        padding: 10px 0 0 10px ;
      }
      h3{
        color: var(--main-text-color);
      }
      div{
        line-height: 36px;
        p{
          li{
            margin-left: 48px;
            cursor: pointer;
            i{
              font-style: none;
            }
            span{
              margin-left: 15px;
              font-weight: 700;
            }
          }
        }
        
        li:hover{
          color: #f40a12;

        }
      }
    }  
  }
  .right{
    // width: 40%;
    // height: 100%;
    margin-top: 16px;
    // background-color: var(--bg-second);
    // color: var(--main-text-color);
    // // padding: 16px 0 0 0 ;
    // &>div{
    //   background-color: #ffffff;
    //   width: 100%;  
    //   height: 250px;
    //   margin-bottom: 16px;
    //   border-radius: 4px;
    //   overflow: hidden;
    //   h4{
    //     padding: 5px 0 5px 8px;
    //     border-bottom: solid 1px #ccc;
    //   }
    // }
  }
}

